<template>
  <div class="backwater frame_content">
    <div class="bg_search ">
      <div class="bg_searchs">
        <a href="javascript:void(0);">添加反水</a>
      </div>
      <div class="sort">
        <a href="javascript:void(0);">黄铜</a>
        <a href="javascript:void(0);">白银</a>
        <a href="javascript:void(0);">黄金</a>
        <a href="javascript:void(0);">铂金</a>
        <a href="javascript:void(0);">钻石</a>
        <a href="javascript:void(0);">银皇冠</a>
        <a href="javascript:void(0);">金皇冠</a>
      </div>
    </div>
    <table
      class="table_mon definewidth bg m10 context "
      style="margin-bottom: 40px"
    >
      <thead>
        <tr>
          <th style="width:5%">Id</th>
          <th>等级名</th>
          <th>类型</th>
          <th>最小统计</th>
          <th>最大统计</th>
          <th>反水比例</th>
          <th>模式</th>
          <th>操作</th>
        </tr>
      </thead>
      <tbody></tbody>
    </table>
  </div>
</template>

<script>
export default {};
</script>

<style>
.backwater {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333;
}
div.bg_search {
  width: 95%;
  height: 30px;
  border-bottom: 1px solid #ddd;
  border-radius: 10px;
  margin: 20px auto 0;
}
.bg_searchs {
  display: inline-block;
  vertical-align: top;
  margin-right: 1px;
}
.bg_search a {
  height: 25px;
  line-height: 25px;
  margin: 0 10px;
  text-decoration: none;
  color: #08c;
}
.bg_search a:hover {
  color: #005580;
}

div.sort {
  border: 1px solid #37538d;
  border-radius: 5px;
}
.m10 {
  margin-top: 10px;
}
</style>
